//登录注册
$('.right .container .card .mi-content .zhanghao input').click(function(){
    $('.right .container .card .mi-content .zhanghao label').css({'top':'10px','font-size':'12px'});
    $('.right .container .card .mi-content .zhanghao input').css({'border':'1px solid #ccc'})
})

//失去焦点
$('.right .container .card .mi-content .zhanghao input').focusout(function(){
    if($('.right .container .card .mi-content .zhanghao input').val()==0){
        $(".right .container .card .mi-content .tip-zh").css({'display':'block'})

        $('.right .container .card .mi-content .zhanghao label').css({'top':'20px','font-size':'17px'});
        $('.right .container .card .mi-content .zhanghao input').css({'border':'none'})
    }else{
        $(".right .container .card .mi-content .tip-zh").css({'display':'none'})

        //有内容的话字体位置和点击时一样
        $('.right .container .card .mi-content .zhanghao label').css({'top':'10px','font-size':'12px'});
        $('.right .container .card .mi-content .zhanghao input').css({'border':'1px solid #ccc'})
    };

})


//密码
$('.right .container .card .mi-content .mima input').click(function(){
    $('.right .container .card .mi-content .mima label').css({'top':'10px','font-size':'12px'});
    $('.right .container .card .mi-content .mima  input').css({'border':'1px solid #ccc'})
})

//失去焦点
$('.right .container .card .mi-content .mima input').focusout(function(){
    if($('.right .container .card .mi-content .mima input').val()==0){
        $(".right .container .card .mi-content .tip-mm").css({'display':'block'})

    $('.right .container .card .mi-content .mima label').css({'top':'20px','font-size':'17px'});
    $('.right .container .card .mi-content .mima input').css({'border':'none'})

    }else{
        $(".right .container .card .mi-content .tip-mm").css({'display':'none'})

        //有内容时
        $('.right .container .card .mi-content .mima label').css({'top':'10px','font-size':'12px'});
        $('.right .container .card .mi-content .mima  input').css({'border':'1px solid #ccc'})
    };


})
//==============ajax===============
$('button').click(function(){

    //input的内容
    var $name =$('#zh').val();
    var $pass=$('#mm').val();

    $.ajax({
        url:"./login.php",
        type:"post",
        data:{
            name:$name,
            pass:$pass
        },
        success:function(data){
            console.log(data)

            var res=JSON.parse(data)

            console.log(res)
            if(res.code=="1"){
                alert("登录成功")
                $(location).attr("href","./index.html")
            }else{
                alert("登录失败");

                //弹出提示
                $(".right .container .card .mi-content .tip-mm").css({'display':'block'});
                $(".right .container .card .mi-content .tip-zh").css({'display':'block'})

            }
        }

    })


})